// components/my-comp1/my-comp1.js
Component({
  options: {
    // 纯数据字段是一些不用于界面渲染的 data 字段，可以用于提升页面更新性能。
    pureDataPattern: /^_/,
    /**
     * isolated: 表示启用样式隔离，不会相互影响
     * apply-shared: 全局影响组件， 组件不影响全局
     * shared: 相互影响
    */
    styleIsolation: "shared"
  },
  /**
   * 组件的属性列表
   */
  properties: {

  },

  /**
   * 组件的初始数据
   */
  data: {
    count: 1,
    douCount: 2,
    _r: 0,
    _g: 0,
    _b: 0,
    rgb: "0,0,0"
  },
  observers: {
    count(newValue) {
      console.log('变化之后的值', newValue)
      this.setData({
        douCount: newValue * 2
      })
    },
    "_r, _g, _b"(r,g,b) {
      this.setData({
        rgb: `${r},${g},${b}`
      })
    }
  },
  /**
   * 组件的方法列表
   */
  methods: {
    addCount() {
      this.setData({
        count: this.data.count + 1
      })
    },
    addR() {
      this.setData({
        _r: this.data._r + 5
      })
    },
    addG() {
      this.setData({
        _g: this.data._g + 5
      })
    },
    addB() {
      this.setData({
        _b: this.data._b + 5
      })
    }
  }
})
